<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生表格</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="stylesheet" type="text/css" th:href="@{css/materialdesignicons.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{css/bootstrap.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{css/animate.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{css/style.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{css/xlstablefilter.css}">

</head>

<body>
<div th:include="comm/comm.html"></div>
    <!--页面主要内容-->
    <main class="lyear-layout-content">

      <div class="container-fluid p-t-15">

        <div class="row">
          <div class="col-lg-12">
            <div class="card">
              <header class="card-header"><div class="card-title">学生信息</div></header>
              <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title" id="myModalLabel1"></h4>
                    </div>
                        <form id="addStu">
                          <div class="input-group mb-3">
                            <div class="input-group-prepend">
                              <span class="input-group-text" >姓名</span>
                            </div>
                            <input  name="sname" type="text" value="" class="form-control" placeholder="请输入学生姓名">
                          </div>
                          <div class="input-group mb-3">
                            <div class="input-group-prepend">
                              <span class="input-group-text" >性别</span>
                            </div>
                            <input name="ssex" value="" type="text" class="form-control" placeholder="请输入学生性别">
                          </div>
                          <div class="input-group mb-3">
                            <div class="input-group-prepend">
                              <span class="input-group-text" >号码</span>
                            </div>
                            <input  name="tel" type="text" class="form-control" placeholder="请输入学生号码">
                          </div>
                          <div class="input-group mb-3">
                            <div class="input-group-prepend">
                              <span class="input-group-text" >课时</span>
                            </div>
                            <input type="text"  name="hour" class="form-control" placeholder="请输入学生课时">
                          </div>
                          <div class="input-group mb-3">
                            <div class="input-group-prepend">
                              <span class="input-group-text" >班级</span>
                            </div>
                            <input type="text"  name="cid" class="form-control" placeholder="请输入学生班级">
                          </div>
                        </form>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                      <button type="button" id="commitStu1" class="btn btn-primary">提交更改</button>
                    </div>
                  </div><!-- /.modal-content -->
                </div><!-- /.modal -->
              </div>



              <div class="modal fade" id="myModal" tabindex="0" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title" id="myModalLabel"></h4>
                    </div>
                    <form id="updateStu">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >姓名</span>
                        </div>
                        <input id="stu-name" name="sname" type="text" value="" class="form-control" placeholder="请输入学生姓名">
                      </div>

                      <div class="input-group mb-3" hidden="hidden">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >id</span>
                        </div>
                        <input id="id" name="sid" type="text" value="" class="form-control" >
                      </div>


                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >性别</span>
                        </div>
                        <input id="stu-sex" name="ssex" value="" type="text" class="form-control" placeholder="请输入学生性别">
                      </div>
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >号码</span>
                        </div>
                        <input id="stu-phone" name="tel" type="text" class="form-control" placeholder="请输入学生号码">
                      </div>
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >课时</span>
                        </div>
                        <input type="text" id="stu-hour" name="hour" class="form-control" placeholder="请输入学生课时">
                      </div>
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text" >班级</span>
                        </div>
                        <input type="text" id="cname" name="cname" class="form-control" placeholder="请输入学生班级">
                      </div>
                    </form>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                      <button type="button" id="commitStu" class="btn btn-primary">提交更改</button>
                    </div>
                  </div><!-- /.modal-content -->
                </div><!-- /.modal -->
              </div>
              <div class="card-body">
                <button type="button" class="btn btn-outline-brown"   data-toggle="modal" data-target="#myModal1">添加</button>
                <input type="button" class="btn btn-outline-brown document" id="generate-excel" value="导出">
                <input type="button" class="btn btn-outline-brown document" id="screen" value="筛选">
                <table id="my_table" class="table table2excel">
                  <thead>
                    <tr>
                      <th>#</th>
                      <th>姓名</th>
                      <th>班级</th>
                      <th>电话</th>
                      <th>剩余课时</th>
                      <th>教师</th>
                      <th class="noExl">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                  </tbody>
                </table>
              </div>
              <nav>
                <ul class="pagination">
                </ul>
                每页页数:<select id="pageSize"  value="">
                  <option>2</option>
                  <option>5</option>
                  <option>10</option>
                </select>
              </nav>

              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>
<script type="text/javascript" th:src="@{js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" th:src="@{js/jquery.cookie.min.js}"></script>
<script type="text/javascript" th:src="@{js/main.min.js}"></script>
<script type="text/javascript" th:src="@{js/jquery-ui.min.js}"></script>
<script type="text/javascript" th:src="@{js/jquery.table2excel.js}"></script>
<script type="text/javascript" th:src="@{js/jquery.xlstablefilter.min.js}"></script>
<script type="text/javascript" th:src="@{js/student.js}"></script>
<script th:src="@{https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js}"></script>
<script type="text/javascript">
  L2Dwidget.init({
    "model": { "jsonPath":"https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json", "scale": 1, "hHeadPos":0.5, "vHeadPos":0.618 },
    "display": { "position": "right", "width": 200, "height": 250, "hOffset": 0, "vOffset": 0 },
    "mobile": { "show": true, "scale": 0.5 },
    "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 }
  });

</script>
</body>
</html>